<template>
	<view class="container u-skeleton "> <u-tabs :list="typelist" v-model="current" @change="change" bg-color='#FaFAFA'
			active-color="#71C592" ></u-tabs>
		<view class="content">
		<Unicomponents class="u-skeleton-rect"></Unicomponents>
		</view>
		<u-mask :show="show" ></u-mask>
		<u-no-network></u-no-network>
			<u-back-top :scroll-top="scrollTop"></u-back-top>
			<u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton>
	</view>
</template>

<script setup>
import Unicomponents from "../../components/contens.vue"
import { typelist } from '@/utils/constant.js'
const loading=ref(true)
const scrollTop=ref(0)
const current = ref(0)
const show=ref(true)
onLoad(()=>{
	change()
})
const change = (e) => {
	show.value=true
	
	uni.showLoading({
		title: '拼命加载中..'
	})
	setTimeout(() => {
		loading.value = false;
		show.value=false
		uni.hideLoading()
	}, 1000)
}

</script>

<style lang='scss' scoped>
.container {
	height: 100%;
	width: 100%;
	.content {
		height: 100%;
		width: 100%;
	background-color: #FAFAFA;
		.empty {
			margin: 10px 0;
			height: 300rpx;
			width: 100%;
		}
	}
}
</style>
